<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

    <head>
        <meta charset="UTF-8" />
        <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
        <title>在线购物系统登录</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="../../../css/login/demo.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/login/style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/login/animate-custom.css" />
    </head>
    <body>
        <div class="container" style="background: #ccffff">
            <header>
                <h1>欢迎来到  <span>在线购物系统</span></h1>
				<nav class="">
					<a href="index.html" class="current-demo"> 系统简介 </a>
                    |
					<a href="index2.html"> 帮助 </a>
                    |
					<a href="index3.html"> 咨询 </a>
				</nav>
            </header>
            <section>				
                <div id="container_demo" >
                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form id="login-form">
                                <h1>Log in</h1> 
                                <p> 
                                    <label for="username" class="name-tip" data-icon="u" > 请输入账号 </label>
                                    <input id="username" name="username" required="required" type="text" placeholder="用户名/邮箱/手机号码"/>
                                </p>
                                <p>
                                    <label for="password" class="password-tip" data-icon="p"> 请输入密码 </label>
                                    <input id="password" name="password" required="required" type="password" placeholder="请输入密码" />
                                </p>
                                <%--<p class="keeplogin">
									<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
									<label for="loginkeeping">记住密码</label>
								</p>--%>
                                <div class="login-tip" style="display: none">
                                    <span style="color: #ac2925">登录提示</span>
                                </div>
                                <p class="login button">
                                    <input type="button" id="login_button" value="Login In"/>
                                    <%--<button id="login_button">login</button>--%>
								</p>
                                <p class="change_link">
									没有账号 ?
									<a href="#toregister" class="to_register">注册</a>
								</p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form>
                                <h1> Sign up </h1> 
                                <p> 
                                    <label for="registerName" class="your-name" data-icon="u"> 注册昵称 </label>
                                    <input id="registerName" name="registerName" required="required" type="text" placeholder="请输入用户名" />
                                </p>
                                <p>
                                    <label for="registerPhone" class="your-phone" data-icon="e" > 注册手机 </label>
                                    <input id="registerPhone" name="registerPhone" required="required" type="phone" placeholder="请输入手机号"/>
                                </p>
                                <p> 
                                    <label for="registerEmail" class="your-email" data-icon="e" > 注册邮箱 </label>
                                    <input id="registerEmail" name="registerEmail" required="required" type="email" placeholder="请输入邮箱"/>
                                </p>
                                <%--<p>
                                    <label> 您的性别 </label>
                                    <input name="sex" value="male" type="radio" checked="checked"/>男
                                    <input name="sex" value="female" type="radio"/>女
                                </p>--%>
                                <p> 
                                    <label for="registerPassword" class="your-password" data-icon="p"> 登录密码 </label>
                                    <input id="registerPassword" name="registerPassword" required="required" type="password" placeholder="请输入密码"/>
                                </p>
                                <p> 
                                    <label for="password_confirm" class="password-confirm" data-icon="p">确认密码 </label>
                                    <input id="password_confirm" name="password_confirm" required="required" type="password" placeholder="请再次输入输入密码"/>
                                </p>
                                <div class="signup-tip" style="display: none">
                                    <span style="color: #337ab7">注册提示</span>
                                </div>
                                <p class="signin button">
									<input type="button" id="sugnup_button" value="Sign up"/>
								</p>
                                <p class="change_link">  
									已经有账号 ?
									<a href="#tologin" class="to_register"> 登录 </a>
								</p>
                            </form>
                        </div>
						
                    </div>
                </div>  
            </section>
        </div>

    </body>
    <script type="text/javascript" src="/js/common/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/js/login/login.js"></script>
    <script type="text/javascript" src="/js/login/register.js"></script>
</html>